<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<%--
  Created by IntelliJ IDEA.
  User: 松红
  Date: 2016/12/5
  Time: 22:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title></title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>约战平台</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <link rel="shortcut icon" href="http://favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <!--导入css文件（CDN与本地）-->
  <%--引入sui mobile 框架的css文件--%>
  <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/team-min.css">
  <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/team-ex.css">
  <link rel="stylesheet" href="http://g.alicdn.com/sj/qnui/1.5.1/css/sui.min.css">
</head>
</head>
<body>
<div class="page-group">
  <div class="page page-current">
    <%------------标题栏--------------%>
    <header class="bar bar-nav">
      <h1 class="title">新建球队</h1>
    </header>
    <%------------------页面内容区域开始-------------------%>
    <div class="content">
      <%--构建表单，输入数据到MemberController类中，以便传输到数据库中--%>
      <sf:form method="post" modelAttribute="team" enctype="multipart/form-data">
      <div class="list-block">
        <ul>
            <%------------------------输入球队名----------------------%>
          <li>
            <div class="item-content">
              <div class="item-media"><i class="icon icon-form-name"></i></div>
              <div class="item-inner">
                <div class="item-title label">球队名：</div>
                <div class="item-input">
                  <sf:input path="teamName"></sf:input>
                </div>
              </div>
            </div>
          </li>
            <%---------------------输入球队简介-------------------%>
          <li>
            <div class="item-content">
              <div class="item-media"><i class="icon icon-form-email"></i></div>
              <div class="item-inner">
                <div class="item-title label">球队简介：</div>
                <div class="item-input">
                  <sf:input path="teamSummary"></sf:input>
                </div>
              </div>
            </div>
          </li>
            <%----------------------输入领队------------------%>
          <li>
            <div class="item-content">
              <div class="item-media"><i class="icon icon-form-password"></i></div>
              <div class="item-inner">
                <div class="item-title label">领队：</div>
                <div class="item-input">
                  <sf:input path="teamLeader"></sf:input>
                </div>
              </div>
            </div>
          </li>
            <%-------------------输入队长----------------%>
          <li>
            <div class="item-content">
              <div class="item-media"><i class="icon icon-form-password"></i></div>
              <div class="item-inner">
                <div class="item-title label">队长：</div>
                <div class="item-input">
                  <sf:input path="teamCaptain"></sf:input>
                </div>
              </div>
            </div>
          </li>
            <%--------------------输入所在地区------------------%>
          <li>
            <div class="item-content">
              <div class="item-media"><i class="icon icon-form-password"></i></div>
              <div class="item-inner">
                <div class="item-title label">所在地区：</div>
                <div class="item-input">
                  <sf:input path="teamArea"></sf:input></div>
              </div>
            </div>
          </li>
        </ul>
      </div>
        <%---------------------表单结束-------------------%>
        <%-------------------设置完成添加按钮---------------%>
      <div class="content-block">
        <div class="row">
          <input type="submit" value="建立球队" class="button button-big button-fill button-success"/>
        </div>
      </div>
    </div>
    </sf:form>
  </div>
</div>
</div>

<%--引入sui mobile 框架的js文件--%>
<script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="http://g.alicdn.com/sj/qnui/1.5.1/js/sui.min.js"></script>
<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>


</body>
</html>
